<template>
    <div class="rightbody">
        <div class="tabheader3">
			<ul>
				<li class="active" @click="checkNva(0)">自定义logo</li>
			</ul>
		</div>
        <div class="logowrap clearfix">
            <div class="logopreview fl">
                <img src="../assets/images/logoexp.png">
            </div>
            <div class="changelogo fr">
                <div class="slogo">
                    <img src="../assets/images/logoexp.png">
                </div>
                <a>替换logo</a>
            </div>
        </div>
        <div class="logoinfo">
            <ul>
                <li><label>品牌信息</label><Input v-model="value" placeholder="请输入..." style="width: 210px"></Input></li>
                <li><label>文字链接</label><Input v-model="value" placeholder="请输入..." style="width: 210px"></Input></li>
            </ul>
        </div>
    </div>
</template>


<script>
export default {
        data () {
            return {
                value: ''
            }
        }
    }
</script>


<style type="text/javascript">
.logowrap{width: 280px;margin: 0 auto;}
.logowrap .logopreview{width: 180px;height: 360px;margin-top: 30px; background: url(../assets/images/logobg.png) no-repeat center;background-size: contain;}
.slogo{width: 80px;height: 80px;border: 1px solid #e0e0e0;margin-top: 130px;}
.changelogo a{display: block;width: 80px;height: 30px;line-height: 30px;margin-top: 20px; font-size: 14px;color: #fff;text-align: center;background: #1abd9b;border-radius: 3px;}
.logoinfo{width: 280px;margin: 50px auto;}
.logoinfo li{overflow: hidden;margin-top: 10px;}
.logoinfo label{float: left; font-size: 14px;width: 70px;height: 32px;line-height: 32px;}
</style>
